<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
<head>
<meta charset="UTF-8" />
<title>SportShop: <?php echo $title; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-title" content="Sportshop.bg" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>

<?php if ($filter_params) { ?>
  <meta name="robots" content="noindex, follow">
<?php } ?>
<?php if ($home_page) { ?>
  <link href="http://sportshop.bg" rel="canonical">
<?php } ?>

<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/default.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/normalize.min.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/swipebox.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/main.css" />

<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>">
<?php } ?>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<script type="text/javascript" src="catalog/view/theme/kipo/js/autocomplete2/jquery.autocomplete2.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/kipo/js/aoutocomplate.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>

<!--[if lt IE 9]>
    <script src="catalog/view/theme/kipo/js/html5shiv.min.js"></script>
<![endif]-->
<!--[if IE 9]>
	<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/ie-9-and-down.css" />
<![endif]-->
<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/ie-9-and-down.css" />
<![endif]-->
<!--[if IE 7]> 
<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/kipo/css/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->

<?php echo $google_analytics; ?>
</head>
<body>

    <div class="wrapper">

        <div class="<?php echo $class_bg; ?>">               
            <?php if($class_bg == 'main-bg') { ?>
                <script src="catalog/view/theme/kipo/js/threeCanvas.js"></script>
    			<script src="catalog/view/theme/kipo/js/snow.js"></script>
            <?php } ?>
            <div class="pixel-bg">
                 <div class="container-main cf">                      
                     <header class="top-header cf">
                        <div class="header-logo">
                            <a title="<?php echo $title; ?>" href="<?php echo $home; ?>"><img id="logo" src="catalog/view/theme/kipo/image/spinning_logo.gif" alt="<?php echo $title; ?>"></a>
                        </div> <!--# header logo-->
                        <nav class="header-nav cf">
                            <ul class="cf">
                                <li><a class="show-all-products" href="<?php echo $home; ?>"><span><?php echo $text_home_page; ?></span></a></li>
                                <li><a class="show-all-products"><span><?php echo $text_all_products; ?></span></a></li>
                                <li><a id="show-contacts" href="<?php echo $contacts; ?>"><span><?php echo $text_contacts; ?></span></a></li>
                                <li><a href="<?php // echo $ski_service; ?>http://www.ski-serviz.com/ceni-ski-serviz" target="_blank"><span><?php echo $text_ski_service; ?></span></a></li>
                                <li><a href="<?php echo $video_clips; ?>"><span><?php echo $text_video_clips; ?></span></a></li>
                            </ul>
                        </nav> <!--# header navigation-->
                        <div class="header-menu cf">
                            <ul id="header-menu-buttons">
                                <li id="menu-button">
                                    <span>Menu</span>
                                </li> <!--# header responsive navigation button-->
                                <li>
                                <?php if (!$logged) { ?>
                                <a  id="profile">
                                	
                                    <span class="menu-icon-hover">
                                   			<?php echo $text_login; ?>
                                        <span class="triangle"></span>
                                    </span> 
                                <?php }else{ ?>
                                <a href="<?php echo $account;?>"  id="profile-logged">
                                
                                	<span class="menu-icon-hover">
                                   			<?php echo $text_account; ?>
                                        <span class="triangle"></span>
                                    </span> 
                                <?php } ?>
                                    
                                </a>
                                </li>
                                <li><a  id="search-icon">
                                    <span class="menu-icon-hover">
                                 		 <?php echo $text_search; ?>
                                        <span class="triangle"></span>
                                    </span>
                                </a></li>
                                <li><a  id="cart-icon">
                                    <span class="menu-icon-hover">
                                    <?php echo $text_shopping_cart; ?>
                                        <span class="triangle"></span>
                                    </span>
                                </a><span id="cart-counter-icon"></span>
                                </li>
                            </ul>
                        </div> <!--# header menu-->                   
                        <div id="lang">
                            <?php echo $language; ?>
                        </div>                   
                        <div id="header-search">  
                            <div id="search"  class="cf">
                                <input  name="search" id="search-input" placeholder="<?php echo $text_search; ?>"  value="<?php echo $search; ?>" autofocus>
                                <button id="search-icon-input"></button>
                                <div></div>
                            </div>                         
                        </div> <!--# drop down header search-->
                        
                        
                     </header> <!--# header-->
                     <div id="header-login">
                        <form action="<?php echo $login_action;?>" method="post" enctype="multipart/form-data" >
                            <input type="text" id="user-email" name="email" placeholder="<?php echo $text_email; ?>" />
                            <input type="password" id="user-password" name="password" placeholder="<?php echo $text_password; ?>" /> 
                            <input type="submit" id="submit-button" name="submit" value="<?php echo $text_login; ?>">
                            <?php echo $text_welcome; ?>
                        </form>
                     </div> <!--# drop down header login-->
				     
                        
                     <div id="container-all-products">
                        <div id="drop-down-all-products" class="cf">
                       		     <nav class="responsive-nav cf">
                                    <ul class="cf">
                                        <li><a href="<?php echo $home; ?>"><span><?php echo $text_home_page; ?></span></a></li>
                                        
                                        <li><a href="<?php echo $contacts; ?>"><span><?php echo $text_contacts; ?></span></a></li>
                                        <li><a href="<?php echo $ski_service; ?>"><span><?php echo $text_ski_service; ?></span></a></li>
                                        <li><a href="<?php echo $ski_service; ?>"><span><?php echo $text_ski_service; ?></span></a></li>
                                        <li><a href="<?php echo $video_clips; ?>"><span><?php echo $text_video_clips; ?></span></a></li>
                                    </ul>
                                </nav> <!--# header navigation-->
                       		     
                        		 <?php 
								 $i=1;
								 foreach ($categories as $category) { 
								 
								 if ($i==1) echo '<div class="row cf">';

								 ?>
                                     
                                     <div class="category">
                                    	<a title="<?php echo $category['name']; ?>" href="<?php echo $category['href']; ?>"><h3><?php echo $category['name']; ?></h3></a>
                                   			 
                                             <?php if ($category['children']) { ?>
                                              		 <div class="subcategory">
                                                     <ul>
                                                <?php foreach ($category['children'] as $children) { ?>
                                                  		<li><a title="<?php echo $category['name']; ?> / <?php echo $children['name']; ?>" href="<?php echo $children['href']; ?>"><?php echo $children['name']; ?></a></li>
                                                <?php } ?>
                                                	</ul>
                                              		</div>
                                             <?php } ?>
                                      </div>
                                <?php 
									
									if (!($i%4)) echo '</div><div class="row cf">';
									
									$i++;
								?>
                                	
                                    
								<?php } ?>
                                </div><!--.row-->
                                <?php echo $label_sale ?>
						</div> <!--# drop down all products -->
                     </div>
                     
                     <div id="container-drop-contacts">
                         <div id="drop-contacts" class="cf">
                             <div id="drop-contacts-content">
                                 <?php echo $dropdown_contacts ?>
                             </div>
                             <div id="drop-contacts-map"> 
                               <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>
			                   <script type="text/javascript" src="catalog/view/theme/kipo/js/contacts_map.js"></script>

                                <div id="dropdown-map"></div>
                             </div>
                          </div> <!--# drop contacts-->
                      </div> <!--# container drop contacts-->
                     <?php echo $cart; ?>
                     
                     <div id="notification"></div>
					 <?php if ($error) { ?>
                     	<div class="warning"><?php echo $error ?><img src="catalog/view/theme/kipo/image/close.png" alt="" class="close" /></div>
                     <?php } ?>
                    
